<div data-page="user_info_visitor" class="page no-toolbar navbar-fixed" id="user_info_visitor">
	<style>
		.navbar span {
			color: #15191c;
		}
		
		.buttons-row {
			width: 100px;
		}
		
		.l_float {
			float: left;
		}
		
		.r_float {
			float: right;
		}
		
		.current {
			border-bottom: #FFFFFF solid 2px;
		}
		
		.button {
			height: 100%;
			width: 100%;
			font-size: 10px;
			padding-left: 0px;
			padding-right: 0px;
		}
		
		#tab1 .list-block.media-list .item-link .item-title-row,
		#tab1 .list-block li.media-item .item-link .item-title-row {
			background-image: none;
			padding-right: 0px;
		}
		
		#tab1 .item-subtitle .sex {
			height: 12px;
			width: 24px;
		}
		
		#tab1 .sex span {
			float: left;
			width: 50%;
			height: 12px;
			color: white;
			text-align: center;
			font-size: 10px;
		}
		
		#tab1 .img1 {
			float: left;
			width: 30%;
			height: ;
			padding-top: 3px;
			padding-bottom: 2px;
			margin-right: 2px;
			margin-left: 2px;
		}
		
		#tab1 .img2 {
			width: 36px;
			padding-left: 2px;
			height: 12px;
			margin-top: 0px;
			margin-bottom: 5px;
		}
		
		#tab1 .list-block .item-content {
			padding-left: 5px;
		}
		
		#tab1 .list-block .item-text {
			height: 100%;
		}
		
		#tab1 .item-after span {
			font-size: 8px;
			margin-top: 5px;
			color: #BBBBBB;
		}
		
		#tab1 .item-media img {
			border-radius: 5px;
		}
		
		#tab1 .item-title span {
			float: left;
			font-size: 14px;
			font-weight: 200;
		}
		
		#tab1 .item-text span {
			font-size: 13px;
			color: #BBBBBB;
		}
		
		#tab1 .key-word {
			width: 25%;
			height: 25px;
		}
		
		#tab1 .button {
			background-color: #0EAAE3;
		}
		
		#tab2 .list-block.media-list .item-link .item-title-row,
		#tab2 .list-block li.media-item .item-link .item-title-row {
			background-image: none;
			padding-right: 0px;
		}
		
		#tab2 .item-subtitle .sex {
			height: 12px;
			width: 24px;
		}
		
		#tab2 .sex span {
			float: left;
			width: 50%;
			height: 12px;
			color: white;
			text-align: center;
			font-size: 10px;
			margin-top: 0px;
		}
		
		#tab2 .img1 {
			float: left;
			width: 30%;
			height: ;
			padding-top: 3px;
			padding-bottom: 2px;
			margin-right: 2px;
			margin-left: 2px;
		}
		
		#tab2 .img2 {
			width: 36px;
			padding-left: 2px;
			height: 12px;
			margin-top: 0px;
			margin-bottom: 5px;
		}
		
		#tab2 .list-block .item-content {
			padding-left: 5px;
		}
		
		#tab1 .list-block .item-text {
			height: 100%;
		}
		
		#tab2 .item-after span {
			font-size: 8px;
			margin-top: 5px;
			color: #BBBBBB;
		}
		
		#tab2 .item-media img {
			border-radius: 5px;
		}
		
		#tab2 .item-title span {
			float: left;
			font-size: 14px;
			font-weight: 200;
		}
		
		#tab2 .item-text span {
			font-size: 13px;
			color: #BBBBBB;
		}
		
		#tab2 .key-word {
			width: 25%;
			height: 25px;
		}
		
		#tab2 .button {
			background-color: #0EAAE3;
		}
		
		.page-content .content-block .buttons-row .tabButtonActivity {
			background-color: rgb(255, 255, 255);
		}
		
		.page-content .content-block .buttons-row .seeMeTab .seeMeSpanActivity {
			color: rgb(14, 170, 227);
		}
		
		.page-content .content-block .buttons-row .seeMeTab .seeMeSpan {
			color: black;
		}
		
		.communityDetal-mars {
			float: left;
			background-color: #45ADF6;
			width: 30%;
			height: 15px;
			display: inline;
			margin-left: auto;
			margin-right: auto;
			line-height: 14px;
		}
		
		.community-mars-icon {
			padding-left: 2px;
			padding-bottom: 6px;
			margin-top: 2px;
		}
		
		.communityDetal-vip {
			float: left;
			width: 35%;
			height: 15px;
			display: inline;
			margin-left: 2px;
		}
	</style>
	<div class="navbar" style="background-color:white;">
		<!-- Navbar page 1 -->
		<div class="navbar-inner">
			<div class="left">
				<a href="html/user/userInfo.html" class="link back" data-force="true">
					<i class="icon icon-angle-left" style="color:#15191c;"></i>
					<span style="color:#15191c;">返回</span>
				</a>
			</div>
			<div class="center"><span style="font-weight: 600;color:#15191c;">谁看过我</span></div>
			<div class="right">
				<a id="user_info_visitor_clear" href="#" onclick="user_info_visitor_clear()" class="item-link">
					<span style="color:#15191c;">清除</span>
				</a>
			</div>
		</div>
	</div>
	<div class="page-content" style="overflow-x: hidden;">

		<div class="content-block" style="padding: 0;margin-top: 0px;">
			<div class="buttons-row" style="width: 100%;">
				<a href="#tab1" id="user_inf_visitor_list" class="tab1 tab-link button active seeMeTab tabButtonActivity" style="border-color: rgb(255,255,255);">
					<span id="user_info_visitor_number" class="seeMeSpan1  seeMeSpanActivity " style="width:80%;font-size: 14px;font-weight: 500;"></span>
				</a>
				<a href="#tab2" id="user_inf_visitor_dynamic" class="tab2 tab-link button seeMeTab" style="border-color: rgb(255,255,255);">
					<span id="user_info_visitor_dynamic_number" class="seeMeSpan1 seeMeSpan" style="width:80%;font-size: 14px;font-weight: 500;"></span>
				</a>
			</div>
			<div class="tabs tabs-animated-wrap" style="margin-left: 0px;margin-right: 0px;">
				<div id="tab1" class="tab active">
					<div class="list-block media-list" style="margin: 0px;">
						<ul id="user_info_visitor_list">

						</ul>
					</div>
				</div>
				<div id="tab2" class="tab">
					<div class="list-block media-list" style="margin: 0px;">
						<ul id="user_info_visitor_dynamic">

						</ul>
					</div>

				</div>
			</div>
		</div>
	</div>

</div>